<div class="gallery_top" style="height:40px; width:600px;">
	<div class="gallery_top_left" style="height:40px;">
    	<div class="gallery_top_right" style="height:40px;">
            <div style="width:580px;padding:8px;">
                <div class="floatLeft">
                    Tìm ảnh: 
                    <input type="text" name="keywords" class="gallery_input" id="keywords" value="{$keywords}" {if $is_popup}size="15"{/if}/>
                 </div>
                 <div class="floatLeft" style="margin-top:2px; margin-left:2px; margin-right:2px;">        
                    <select name="year" id="year">
                    {$option_year}
                    </select> 
                    <select name="month" id="month">
                        {$option_month}
                    </select>                    
                    <select name="day" id="day">
                    {$option_day}
                    </select> 
                </div>
                <div >
                	<input type="button" value="Tìm ảnh" title="Tìm ảnh" style="cursor:pointer;margin-top:3px" onclick="ajax_gallery_search();"/>      			 </div> 
                 <div style="clear:left"><span></span></div>
            </div>
        </div>
</div>
</div>
{if $total}
<div class="bg_pagging_gallery"  style="width:600px;">
	<div class="left_pagging_gallery">
    	<div class="right_pagging_gallery">
        	<div align="center">
            	<div class="floatLeft" style="margin-left:20px; margin-top:8px;" align="right">Kéo thả ảnh vào vị trí mong muốn hoặc Click để chọn ảnh!</div>
            </div>	
         </div>
    </div>
</div>
{/if}
<div id="ajax_image_list">
{if $items}
{foreach from=$items item=items}
  <div  class="list_gallery_images" align="center" style="width:111px; margin:4px;background:url(style/images/bg_gallery_images_1.gif) repeat-y;">	
  	<div class="top_gallery_images" style="background:url(style/images/bg_top_gallery_images_1.gif) no-repeat top left">
        <div class="get_gallery" lang="{$items.id}" lang2="{$items.img_server}"  style="width:103px;cursor:move;background:#FFF;height:103px;vertical-align:middle;border:1px solid #CCC; margin-bottom:5px" align="center">
        <img id="img_{$items.id}" lang="{$items.image_url}"  title="Click vào để chọn ảnh hoặc kéo thả ảnh vào vị trí mong muốn..." alt="{$items.des}" src="{$items.img_url}" width="99" height="99" style="cursor:move;top:0;left:0" onclick="get_gallery({$items.id})"/>            
    </div>	
     <div style="background:url(style/images/bg_bottom_gallery_images_2.gif) repeat-y;">
        <div class="bottom_gallery_images" style="background:url(style/images/bg_bottom_gallery_images_111.gif) no-repeat bottom left;">
            <div  style="color:#666666;width:107px;height:18px;line-height:150%;overflow:hidden;padding-left:3px; font-weight:normal" title="{$items.des}">{$items.des}
            </div> 
       </div>
       </div> 
      </div>
  </div>				
{/foreach}
{else}
	<div style="padding:10px">
    	<strong>
        <p>Không có ảnh nào được tìm thấy!</p>
       <p> Bạn hãy thử tìm lại với điều kiện khác ( từ khoá, ngày, tháng...)</p>
		<p>hoặc Upload ảnh mới vào <a href="gallery.html{if $user_id}?user_id={$user_id}{/if}" target="_blank">Thư viện ảnh cá nhân</a> của bạn!</p>
        </strong>
    </div>
{/if}
</div>
<div style="clear:left"><span></span></div>
{if $total}
<div class="bg_pagging_gallery"  style="width:600px;">
	<div class="left_pagging_gallery">
    	<div class="right_pagging_gallery">
        	<div align="center">
            	{if $paging}
            	<div class="pagging_gallery" style="margin-left:15px;"><strong>Có tổng số {$total} ảnh | &nbsp;</strong>{$paging}</div>
                {/if}
            </div>	
         </div>
    </div>
</div>
{/if}